<!--
 * @Description: HelloJS
 * @Author: rendc
 * @Date: 2025-10-15 10:14:08
 * @LastEditors: rendc
 * @LastEditTime: 2025-10-15 11:49:32
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HelloJS</title>
  <!-- 内部样式表 -->
  <style>
    h1 {
      font-size: 30px;
    }
  </style>
  <!-- 内部js -->
  <script type="text/javascript">
    // BOM 浏览器对象模型的功能
    alert("hello,javascript");
    console.log("hello,javascript");
  </script>
  <!-- 外部js -->
  <script type="text/javascript" src="./js/hello.js"></script>
  <!-- 外部样式表 -->
  <link rel="stylesheet" href="./css/style.css">
</head>

<body>
  <!-- 行内样式 -->
  <h1 style="color: red;">HelloJS</h1>
</body>

</html>